<template>
      <div>
        <div style="display: flex;justify-content: space-between">
        <div>
          <el-input style="width:200px;margin-right: 10px" prefix-icon="el-icon-search" placeholder="请输入车辆编号"></el-input>
          <el-button icon="el-icon-search" circle></el-button>
        </div>
        <div>
          <el-button tpye="primary" icon="el-icon-plus"></el-button>
          <el-button tpye="danger" class="el-icon-delete"></el-button>
        </div>
      </div>
        <div class="bodercass">
          <el-table
              :data="tableData"
              stripe
              border
              style="width: 100%">
            <el-table-column
                type="selection"
                width="55">
            </el-table-column>
            <el-table-column
                prop="date"
                label="日期"
                width="180">
            </el-table-column>
            <el-table-column
                prop="name"
                label="姓名"
                width="180">
            </el-table-column>
            <el-table-column
                prop="address"
                label="地址">
            </el-table-column>
            <el-table-column
                fixed="right"
                label="操作"
                width="100">
              <template slot-scope="scope">
                <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
                <el-button type="text" size="small">编辑</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </div>
</template>

<script>
  export default {
    name: "message",
    data() {
      return {
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄'
        }, {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
        }]
      }
    }
  }
</script>

<style scoped>
    .bodercass{
      margin-top: 18px;
    }
</style>